<template name="skeleton">
  <view class="sk-container">
    <view class="content">
      <image class="refresh-image sk-image" :style="true"></image>
      <swiper class="swiper" current="0" autoplay="false">
        <swiper-item style="position: absolute; width: 100%; height: 100%; transform: translate(0%, 0px) translateZ(0px);">
          <scroll-view scroll-y="true" refresher-enabled="true" refresher-threshold="100" scroll-top="100" style="height:100vh">
            <view is="components/Blog">
              <view class="blog-wrapper Blog--blog-wrapper">
                <view>
                  <view class="top Blog--top">
                    <view class="top-left Blog--top-left">
                      <image class="avatar Blog--avatar sk-image"></image>
                      <text class="nick-name Blog--nick-name sk-transparent sk-text-14-2857-12 sk-text">admin</text>
                    </view>
                    <image class="custom-style Blog--custom-style sk-image"></image>
                  </view>
                  <view class="content Blog--content">
                    <view class="u-read-more more--u-read-more data-v-4bc7fe29 more--data-v-4bc7fe29">
                      <view class="u-read-more__content more--u-read-more__content data-v-4bc7fe29 more--data-v-4bc7fe29" style="height:22px;text-indent:2em">
                        <view class="u-read-more__content__inner more--u-read-more__content__inner data-v-4bc7fe29 more--data-v-4bc7fe29 unakM83uXo0cQhAOrdBJEe5kWkfRPc7o more--unakM83uXo0cQhAOrdBJEe5kWkfRPc7o">
                          <view is="uni_modules/uview-plus/components/u-parse/u-parse">
                            <view id="e5ff00b8--_root" :style="true" class="_root parse--_root">
                              <view :style="true" class="_block node--_block _span node--_span undefined node--undefined">
                                <text decode="true" class="sk-transparent sk-text-14-2857-953 sk-text">什么是Java语言</text>
                              </view>
                            </view>
                          </view>
                        </view>
                      </view>
                    </view>
                    <view style="display:flex;flex-wrap:wrap;justify-content:space-between">
                      <view class="image-wrapper Blog--image-wrapper">
                        <view class="u-transition transition--u-transition data-v-5cec8177 transition--data-v-5cec8177 u-fade-enter-to transition--u-fade-enter-to u-fade-enter-active transition--u-fade-enter-active" style="transition-duration:1000ms;transition-timing-function:ease-out;">
                          <view class="u-image image--u-image data-v-abebd402 image--data-v-abebd402" style="width:7.5rem;height:7.5rem;border-radius:10px;overflow:visible;;background-color:transparent;">
                            <image class="u-image__image image--u-image__image data-v-abebd402 image--data-v-abebd402 sk-image" lazy-load="true" mode="aspectFill" show-menu-by-longpress="true" style="border-radius:10px;width:7.5rem;height:7.5rem"></image>
                          </view>
                        </view>
                      </view>
                      <view class="image-wrapper Blog--image-wrapper">
                        <view class="u-transition transition--u-transition data-v-5cec8177 transition--data-v-5cec8177 u-fade-enter-to transition--u-fade-enter-to u-fade-enter-active transition--u-fade-enter-active" style="transition-duration:1000ms;transition-timing-function:ease-out;">
                          <view class="u-image image--u-image data-v-abebd402 image--data-v-abebd402" style="width:7.5rem;height:7.5rem;border-radius:10px;overflow:visible;;background-color:transparent;">
                            <image class="u-image__image image--u-image__image data-v-abebd402 image--data-v-abebd402 sk-image" lazy-load="true" mode="aspectFill" show-menu-by-longpress="true" style="border-radius:10px;width:7.5rem;height:7.5rem"></image>
                          </view>
                        </view>
                      </view>
                      <view class="image-wrapper Blog--image-wrapper">
                        <view class="u-transition transition--u-transition data-v-5cec8177 transition--data-v-5cec8177 u-fade-enter-to transition--u-fade-enter-to u-fade-enter-active transition--u-fade-enter-active" style="transition-duration:1000ms;transition-timing-function:ease-out;">
                          <view class="u-image image--u-image data-v-abebd402 image--data-v-abebd402" style="width:7.5rem;height:7.5rem;border-radius:10px;overflow:visible;;background-color:transparent;">
                            <image class="u-image__image image--u-image__image data-v-abebd402 image--data-v-abebd402 sk-image" lazy-load="true" mode="aspectFill" show-menu-by-longpress="true" style="border-radius:10px;width:7.5rem;height:7.5rem"></image>
                          </view>
                        </view>
                      </view>
                      <view class="image-wrapper Blog--image-wrapper">
                        <view class="u-transition transition--u-transition data-v-5cec8177 transition--data-v-5cec8177 u-fade-enter-to transition--u-fade-enter-to u-fade-enter-active transition--u-fade-enter-active" style="transition-duration:1000ms;transition-timing-function:ease-out;">
                          <view class="u-image image--u-image data-v-abebd402 image--data-v-abebd402" style="width:7.5rem;height:7.5rem;border-radius:10px;overflow:visible;;background-color:transparent;">
                            <image class="u-image__image image--u-image__image data-v-abebd402 image--data-v-abebd402 sk-image" lazy-load="true" mode="aspectFill" show-menu-by-longpress="true" style="border-radius:10px;width:7.5rem;height:7.5rem"></image>
                          </view>
                        </view>
                      </view>
                    </view>
                    <view class="topic-wrapper Blog--topic-wrapper sk-transparent">
                      <view class="topic Blog--topic sk-transparent sk-text-14-2857-362 sk-text">#</view>
                      <text style="color:black;font-weight:bolder;font-size:12px" class="sk-transparent sk-text-14-2857-32 sk-text">java~</text>
                    </view>
                    <view class="btn-wrapper Blog--btn-wrapper">
                      <image class="btn-img Blog--btn-img sk-image"></image>
                      <text class="sk-transparent sk-text-14-2857-843 sk-text">分享</text>
                      <image class="btn-img Blog--btn-img sk-image"></image>
                      <text class="sk-transparent sk-text-14-2857-369 sk-text">评论</text>
                      <image class="btn-img Blog--btn-img sk-image"></image>
                      <text></text>
                      <image class="btn-img Blog--btn-img sk-image"></image>
                      <text></text>
                    </view>
                  </view>
                </view>
              </view>
            </view>
            <view is="components/Blog">
              <view class="blog-wrapper Blog--blog-wrapper">
                <view>
                  <view class="top Blog--top">
                    <view class="top-left Blog--top-left">
                      <image class="avatar Blog--avatar sk-image"></image>
                      <text class="nick-name Blog--nick-name sk-transparent sk-text-14-2857-733 sk-text">admin</text>
                    </view>
                    <image class="custom-style Blog--custom-style sk-image"></image>
                  </view>
                  <view class="content Blog--content">
                    <view class="u-read-more more--u-read-more data-v-4bc7fe29 more--data-v-4bc7fe29">
                      <view class="u-read-more__content more--u-read-more__content data-v-4bc7fe29 more--data-v-4bc7fe29" style="height:22px;text-indent:2em">
                        <view class="u-read-more__content__inner more--u-read-more__content__inner data-v-4bc7fe29 more--data-v-4bc7fe29 utOsKapqDGSvyUMtZvI7MNauHmBAFFVi more--utOsKapqDGSvyUMtZvI7MNauHmBAFFVi">
                          <view is="uni_modules/uview-plus/components/u-parse/u-parse">
                            <view id="9c3aec4e--_root" :style="true" class="_root parse--_root">
                              <view :style="true" class="_block node--_block _span node--_span undefined node--undefined">
                                <text decode="true" class="sk-transparent sk-text-14-2857-361 sk-text">Java语言跨平台原理</text>
                              </view>
                            </view>
                          </view>
                        </view>
                      </view>
                    </view>
                    <view style="display:flex;flex-wrap:wrap;justify-content:space-between">
                      <view class="image-wrapper Blog--image-wrapper">
                        <view class="u-transition transition--u-transition data-v-5cec8177 transition--data-v-5cec8177 u-fade-enter-to transition--u-fade-enter-to u-fade-enter-active transition--u-fade-enter-active" style="transition-duration:1000ms;transition-timing-function:ease-out;">
                          <view class="u-image image--u-image data-v-abebd402 image--data-v-abebd402" style="width:7.5rem;height:7.5rem;border-radius:10px;overflow:visible;;background-color:transparent;">
                            <image class="u-image__image image--u-image__image data-v-abebd402 image--data-v-abebd402 sk-image" lazy-load="true" mode="aspectFill" show-menu-by-longpress="true" style="border-radius:10px;width:7.5rem;height:7.5rem"></image>
                          </view>
                        </view>
                      </view>
                      <view class="image-wrapper Blog--image-wrapper">
                        <view class="u-transition transition--u-transition data-v-5cec8177 transition--data-v-5cec8177 u-fade-enter-to transition--u-fade-enter-to u-fade-enter-active transition--u-fade-enter-active" style="transition-duration:1000ms;transition-timing-function:ease-out;">
                          <view class="u-image image--u-image data-v-abebd402 image--data-v-abebd402" style="width:7.5rem;height:7.5rem;border-radius:10px;overflow:visible;;background-color:transparent;">
                            <image class="u-image__image image--u-image__image data-v-abebd402 image--data-v-abebd402 sk-image" lazy-load="true" mode="aspectFill" show-menu-by-longpress="true" style="border-radius:10px;width:7.5rem;height:7.5rem"></image>
                          </view>
                        </view>
                      </view>
                      <view class="image-wrapper Blog--image-wrapper">
                        <view class="u-transition transition--u-transition data-v-5cec8177 transition--data-v-5cec8177 u-fade-enter-to transition--u-fade-enter-to u-fade-enter-active transition--u-fade-enter-active" style="transition-duration:1000ms;transition-timing-function:ease-out;">
                          <view class="u-image image--u-image data-v-abebd402 image--data-v-abebd402" style="width:7.5rem;height:7.5rem;border-radius:10px;overflow:visible;;background-color:transparent;">
                            <image class="u-image__image image--u-image__image data-v-abebd402 image--data-v-abebd402 sk-image" lazy-load="true" mode="aspectFill" show-menu-by-longpress="true" style="border-radius:10px;width:7.5rem;height:7.5rem"></image>
                          </view>
                        </view>
                      </view>
                      <view class="image-wrapper Blog--image-wrapper">
                        <view class="u-transition transition--u-transition data-v-5cec8177 transition--data-v-5cec8177 u-fade-enter-to transition--u-fade-enter-to u-fade-enter-active transition--u-fade-enter-active" style="transition-duration:1000ms;transition-timing-function:ease-out;">
                          <view class="u-image image--u-image data-v-abebd402 image--data-v-abebd402" style="width:7.5rem;height:7.5rem;border-radius:10px;overflow:visible;;background-color:transparent;">
                            <image class="u-image__image image--u-image__image data-v-abebd402 image--data-v-abebd402 sk-image" lazy-load="true" mode="aspectFill" show-menu-by-longpress="true" style="border-radius:10px;width:7.5rem;height:7.5rem"></image>
                          </view>
                        </view>
                      </view>
                    </view>
                  </view>
                </view>
              </view>
            </view>
          </scroll-view>
        </swiper-item>
      </swiper>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {};
  }
}
</script>

<style scoped>
.sk-transparent {
  color: transparent !important;
}
.sk-text-14-2857-590 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 36.7991rpx;
  position: relative !important;
}
.sk-text {
  background-origin: content-box !important;
  background-clip: content-box !important;
  background-color: transparent !important;
  color: transparent !important;
  background-repeat: repeat-y !important;
}
.sk-text-14-2857-699 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 36.7991rpx;
  position: relative !important;
}
.sk-text-14-2857-847 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 36.7991rpx;
  position: relative !important;
}
.sk-text-14-2857-515 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 36.7991rpx;
  position: relative !important;
}
.sk-text-14-2857-12 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 26.9860rpx;
  position: relative !important;
}
.sk-text-14-2857-953 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 36.7991rpx;
  position: relative !important;
}
.sk-text-14-2857-362 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 39.2523rpx;
  position: relative !important;
}
.sk-text-14-2857-32 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 29.4393rpx;
  position: relative !important;
}
.sk-text-14-2857-843 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 39.2523rpx;
  position: relative !important;
}
.sk-text-14-2857-369 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 39.2523rpx;
  position: relative !important;
}
.sk-text-14-2857-733 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 26.9860rpx;
  position: relative !important;
}
.sk-text-14-2857-361 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 36.7991rpx;
  position: relative !important;
}
.sk-image {
  background: #EFEFEF !important;
}
.sk-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: transparent;
}
</style>
